<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>慕云游商城 - 机票、酒店、旅游攻略</title>
    <meta name="Keywords" content="机票、酒店、旅游攻略、签证、出国、自由行">
    <meta name="Description" content="慕云游商城有10多年旅游行业经验，为您提供全方位旅游服务">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- header -->
    <header class="header">
        <div class="w">
            <div class="header_left">
                <ul>
                    <li><a href="#">目的地</a></li>
                    <li><a href="#">锦囊</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">行程助手</a></li>
                    <li><a href="#">商城</a></li>
                    <li><a href="#">酒店·民宿</a></li>
                    <li><a href="#">特价酒店</a></li>
                </ul>
            </div>
            <div class="header_right">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- section -->
    <section class="section">
        <ul>
            <li><a href="#">机酒自由行</a></li>
            <li><a href="#">优惠机票</a></li>
            <li><a href="#">跟团游</a></li>
            <li><a href="#">酒店</a></li>
            <li><a href="#">当地玩乐</a></li>
            <li><a href="#">签证</a></li>
            <li><a href="#">游轮</a></li>
            <li><a href="#">河轮</a></li>
            <li><a href="#">保险</a></li>
            <li><a href="#">租车自驾</a></li>
            <li><a href="#">深度旅游</a></li>
            <li><a href="#">私人定制</a></li>
        </ul>
    </section>
    <!-- shop -->
    <section class="shop">
        <p>慕云游商城</p>
        <div class="search">
            <input type="search" name="" id="" placeholder="查询目的地/机票/酒店">
            <button></button>
        </div>
    </section>
    <!-- banner -->
    <div class="banner">
        <div class="crop-left"></div>
        <div class="crop-right"></div>
        <ul>
            <li class="hot">
                <dl>
                    <dt>热门出发地</dt>
                    <dd>
                        <em>北京</em>
                        <em>上海</em>
                        <em>广深</em>
                        <em>西南</em>
                        <em>国内其他</em>
                    </dd>
                </dl>
            </li>
            <li class="gat">
                <dl>
                    <dt>港澳台 国内</dt>
                    <dd>
                        <em>香港</em>
                        <em>澳门</em>
                        <em>台湾</em>
                        <em>西南</em>
                        <em>国内其他</em>
                    </dd>
                </dl>
            </li>
            <li class="rb">
                <dl>
                    <dt>日本 韩国</dt>
                    <dd>
                        <em>东京</em>
                        <em>大阪</em>
                        <em>冲绳</em>
                        <em>北海道</em>
                        <em>福冈</em>
                    </dd>
                </dl>
            </li>
            <li class="dny">
                <dl>
                    <dt>东南亚 南亚</dt>
                    <dd>
                        <em>泰国</em>
                        <em>新加坡</em>
                        <em>马来西亚</em>
                        <em>马尔代夫</em>
                    </dd>
                </dl>
            </li>
            <li class="oz">
                <dl>
                    <dt>欧洲 美洲</dt>
                    <dd>
                        <em>英国</em>
                        <em>法国</em>
                        <em>美国</em>
                        <em>加拿大</em>
                    </dd>
                </dl>
            </li>
            <li class="ox">
                <dl>
                    <dt>澳新 中东非</dt>
                    <dd>
                        <em>澳大利亚</em>
                        <em>新西兰</em>
                        <em>迪拜</em>
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="banner-right">
            <dl>
                <dt>港澳台</dt>
                <dd>
                    香港 澳门 台北 高雄 香港迪士尼 香港海洋公园 交通接驳 澳门 塔新濠天地水舞间 澳门豪华自助
                    台北101 台湾美食
                </dd>
            </dl>
            <dl>
                <dt>国内热门城市</dt>
                <dd>
                    三亚 东北雪乡 大理 丽江 昆明 西双版纳 拉萨 成都 重庆 长白山 厦门 长沙 桂林北京 西安 敦煌 杭州
                    上海 无锡 南京 广州 黄山 莫干山 新疆 北海 九华山 太原 张家口
                </dd>
            </dl>
            <dl>
                <dt>国内热点景点</dt>
                <dd>
                    北京故宫 东北滑雪 恭王府 长城 青城山大熊猫基地 峨眉山 都江堰 长恨歌表演 兵马俑 大唐芙蓉园 三亚日游 厦门鼓浪屿 千岛湖 呼伦贝尔草原 希拉穆仁草原 大理日游 杭州 重庆两江夜游船票
                </dd>
            </dl>
        </div>
    </div>
    <!-- ad -->
    <div class="ad">
        <div class="w">
            <ul>
                <li><a href="#">
                        <img src="images/small01.png" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="images/small02.png" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="images/small03.png" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="images/small04.png" alt="">
                    </a></li>
            </ul>
        </div>
    </div>
    <!-- 新闻甩尾模块 -->
    <div class="xxsw">
        <div class="w">
            <div class="xxsw_hd">
                <h1>新鲜甩尾</h1>
                <p>每日不可不看的好货</p>
            </div>
            <div class="xxsw_bd">
                <ul>
                    <li>
                        <div class="nav"><img src="images/xxsw1.png" alt=""></div>
                        <p>北京直飞马尔代夫6-7天往返含税机票（首都航空/售完为止）…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw2.png" alt=""></div>
                        <p>[甩尾狂欢] 北京/天津直飞日本东京/大阪/冲绳/札幌/福冈4-7天往返含…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw3.png" alt=""></div>
                        <p>[拒签全退][全国25城联运] 北京往返格鲁吉亚+阿塞拜疆7-30天自由行…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw4.png" alt=""></div>
                        <p>[樱花季] 北京直飞东京/大阪/名古屋/冲绳/札幌/福冈/仙台2-30天往返</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw5.png" alt=""></div>
                        <p>[品质小团/快速确认] 新西兰福克斯冰川直升机观光+冰川徒步（提供…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw6.png" alt=""></div>
                        <p>[北欧破冰船] 芬兰+瑞典极地探险号破冰船活动+冰上漂浮+瑞典小…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw7.png" alt=""></div>
                        <p>[指定班期特惠][全程中文伴游] 摩洛哥全景深度10日游（卡萨进出…</p>
                    </li>
                    <li>
                        <div class="nav"><img src="images/xxsw8.png" alt=""></div>
                        <p>马来西亚天空之镜+河口赏鹰+夜游萤火虫+寻找蓝眼泪（马来西亚瓜拉雪…</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 机酒自由行 -->
    <div class="jjzyx">
        <div class="w">
            <div class="jjzyx_hd">
                <h1>机酒自由行</h1>
                <p>挑选全球机票、酒店、邮轮等旅行产品</p>
                <ul>
                    <li><a href="#">近期好货</a></li>
                    <li><a href="#">新品汇聚</a></li>
                    <li><a href="#">定制游</a></li>
                    <li><a href="#">国内推荐</a></li>
                    <li><a href="#">优惠机票</a></li>
                    <li><a href="#">热门海岛</a></li>
                    <li><a href="#">热卖签证</a></li>
                </ul>
            </div>
            <div class="jjzyx_bd">
                <ul>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx1.png" alt="">
                            <a href="#">机票</a>
                            <div class="fd">
                                [樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返
                                含税机票【甩尾/多团期】
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx2.png" alt="">
                            <a href="#">跟团游</a>
                        </div>
                        <p>北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx3.png" alt="">
                            <a href="#">机票</a>
                        </div>
                        <p>北京/天津直飞日本东京/大阪/东阪/福冈/名古屋冲绳/北海道4-7天往返…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx4.png" alt="">
                            <a href="#">机票</a>
                        </div>
                        <p>[樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx5.png" alt="">
                            <a href="#">机票</a>
                        </div>
                        <p>杭州/上海/宁波/义乌直飞越南芽庄/岘港4-6天往返含税机票（20KG行…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/jjzyx6.png" alt="">
                            <a href="#">机票</a>
                        </div>
                        <p>[赠自由行礼包] 上海/杭州/南京/合肥/宁波/徐州直飞日本东京/大阪…</p>
                    </li>
                    <li>
                        <div class="more-1">查看更多 <br>
                            机酒自由行产品
                        </div>
                        <a href="#">></a>
                        <div class="more-2">
                            机票 | 酒店 | 机+酒 | 邮轮
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 当地玩乐 -->
    <div class="ddwl">
        <div class="w">
            <div class="ddwl_hd">
                <h1>当地玩乐</h1>
                <p>像当地人一样，体验本土的吃喝玩乐</p>
                <ul>
                    <li><a href="#">国内</a></li>
                    <li><a href="#">日本</a></li>
                    <li><a href="#">瑞士</a></li>
                    <li><a href="#">新西兰</a></li>
                    <li><a href="#">澳大利亚</a></li>
                    <li><a href="#">柬埔寨</a></li>
                    <li><a href="#">泰国</a></li>
                </ul>
            </div>
            <div class="ddwl_bd">
                <ul class="cool_1">
                    <li>
                        <div class="nav">
                            <img src="images/ddwl1.png" alt="">
                            <div class="fd">
                                [亲子佳选]泰国清迈夜间动物园/Night Safari（可选接送；导游；长颈鹿餐厅）
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/ddwl2.png" alt="">
                        </div>
                        <p>[樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</p>
                    </li>
                </ul>
                <ul class="cool_2">
                    <li>
                        <div class="nav">
                            <img src="images/ddwl3.png" alt="">
                        </div>
                        <p>[网红新选] 泰国清迈黑白蓝庙一日游清莱黑庙 白庙 蓝庙 温泉驿站中文导游+酒店接送+餐赠小…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/ddwl4.png" alt="">
                        </div>
                        <p>[全岛接送+中文导游] 泰国普吉岛+皇帝岛+珊瑚岛一日游双体帆船海钓 [帆船晚会+浮潜]…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/ddwl5.png" alt="">
                        </div>
                        <p>享行之旅|泰国苏梅岛一日游 越野车丛林环岛之旅 骑大象纳蒙瀑布</p>
                    </li>
                </ul>
                <ul class="cool_3">
                    <li>
                        <div class="nav">
                            <img src="images/ddwl6.png" alt="">
                        </div>
                        <p>[可接急单] 泰国普吉岛西蒙Simon人妖秀门票VIP专座近距离与人妖互动合影…</p>
                    </li>
                    <li>
                        <div class="more-1">查看更多 <br>
                            机酒自由行产品
                        </div>
                        <a href="#">></a>
                        <div class="more-2">
                            WiFi/电话卡 | 交通票券 | 景点门票 | 特色体验
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!-- 特色当地体验 -->
    <div class="tsddty">
        <div class="w">
            <div class="tsddty_hd">
                特色当地体验
            </div>
            <div class="tsddty_bd">
                <ul>
                    <li>
                        <a href="#">
                            <div class="nav">
                                <img src="images/tsddty1.png" alt="">
                            </div>
                            <h4>香港迪士尼乐园门票(一日 / 两日) - 无需换票扫码入园）</h4>
                            <p class="FA6400">&4.8</p>
                            <p>（92833评价)2334.69k 人参加过</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="nav">
                                <img src="images/tsddty2.png" alt="">
                            </div>
                            <h4>罗马金宫剧场人妖秀</h4>
                            <p class="FA6400">&4.6</p>
                            <p>（440条评价)900K+ 人参加过</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="nav">
                                <img src="images/tsddty3.png" alt="">
                            </div>
                            <h4>京都和服体验 - 梦馆</h4>
                            <p class="FA6400">&4.7</p>
                            <p>（4,293条评价)50K+ 人参加过</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="nav">
                                <img src="images/tsddty4.png" alt="">
                            </div>
                            <h4>英国巨石阵 & 温莎城堡 & 巴斯罗马浴场一日游</h4>
                            <p class="FA6400">&4.5</p>
                            <p>（2,104条评价)20K+ 人参加过</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 最世界·深度旅行--与机酒自由行相同  -->
    <div class="jjzyx">
        <div class="w">
            <div class="jjzyx_hd">
                <h1>最世界·深度旅行</h1>
                <p>摆脱千篇一律的旅行，探索属于自己的世界</p>
                <ul>
                    <li><a href="#">城市CityWalk</a></li>
                </ul>
            </div>
            <div class="jjzyx_bd">
                <ul>
                    <li>
                        <div class="nav">
                            <img src="images/zsj1.png" alt="">
                            <div class="fd">
                                【City Walk】大阪浪花の城——美食、动漫和不为人知的大阪人辛秘生活
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/zsj2.png" alt="">
                        </div>
                        <p>[City Walk] 京都伏见稻荷大社日本清酒厂巡礼半日游——赏千本鸟居…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/zsj3.png" alt="">
                        </div>
                        <p>[City Walk] 京都好物—京都达人带你探店、美物、饮茶、艺术、日杂…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/zsj4.png" alt="">
                        </div>
                        <p>[Citywalk] 一日游禅意京都——千年古都的维新之路…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/zsj5.png" alt="">
                        </div>
                        <p>[City Walk] 日本桥— 穿街走巷看东京，感受大城市的市井人情…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/zsj6.png" alt="">
                        </div>
                        <p>[Citywalk] 将军之道—京都绝景之旅(含米其林午餐）…</p>
                    </li>
                    <li class="zsj">
                        <div class="more-1">查看更多 <br>
                            深度旅行产品
                        </div>
                        <a href="#">></a>
                        <div class="more-2">
                            日游  |  周末  |  亲子  |  长线
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 跟团/半自助游 -->
    <div class="jjzyx">
        <div class="w">
            <div class="jjzyx_hd">
                <h1>跟团/半自助游</h1>
                <p>旅游需要好的选择，踏实省心</p>
                <ul>
                    <li><a href="#">半自助游</a></li>
                    <li><a href="#">城市CityWalk</a></li>
                </ul>
            </div>
            <div class="jjzyx_bd">
                <ul>
                    <li>
                        <div class="nav">
                            <img src="images/gt1.png" alt="">
                            <div class="fd">
                                天津直飞沙巴5-6天半自助游（自由活动+出海两岛游+市区游+多种星级酒店）
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/gt2.png" alt="">
                        </div>
                        <p>成都/西安直飞清迈+拜县6-7天半自助游（2-8人纯玩私家小包团+萌妹子…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/gt3.png" alt="">
                        </div>
                        <p>[一价全含] 北京直飞日本东京+大阪+名古屋+京都6/7天深度游（全程三…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/gt4.png" alt="">
                        </div>
                        <p>天津直飞芽庄5-7天半自助游（优质越南/越捷航空，12天自由行/赠送京…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/gt5.png" alt="">
                        </div>
                        <p>广州直飞美娜多5-6半自助游（班达尼莫公园+布纳肯浮潜+1-2天自由活动…</p>
                    </li>
                    <li>
                        <div class="nav">
                            <img src="images/gt6.png" alt="">
                        </div>
                        <p>(免签入境）深圳直飞伊朗德黑兰8天5晚半自助游（含国际往返机票+伊…</p>
                    </li>
                    <li class="gt">
                        <div class="more-1">查看更多 <br>
                            精品跟团/半自助游
                        </div>
                        <a href="#">></a>
                        <div class="more-2">
                            跟团游  |  半自助游
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 白色底部 -->
    <div class="footer">
        <div class="w">
            <ul class="footer_hd">
                <li><a href="#">机酒自由行</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">当地玩乐</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">优惠机票</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">签证</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">马尔代夫</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">邮轮</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">租车自驾</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">欧洲铁路</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">新鲜甩尾</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">深度旅行</a></li>
            </ul>
            <ul class="footer_bd">
                <li>
                    <div class="nav">
                        <img src="icons/组件-图标01.png" alt="">
                    </div>
                    <div class="nbv">
                        <h1>贴心服务</h1>
                        <p>我们收集慕云游者的真实诉求，找寻特色旅行目的地，让慕云游者放心出行</p>
                    </div>
                </li>
                <li>
                    <div class="nav">
                        <img src="icons/组件-图标01.png" alt="">
                    </div>
                    <div class="nbv">
                        <h1>层层筛选</h1>
                        <p>对旅游产品供应商严格筛选，资质层层把关
                            为慕云游者挑选符合需求的旅行产品</p>
                    </div>
                </li>
                <li>
                    <div class="nav">
                        <img src="icons/组件-图标01.png" alt="">
                    </div>
                    <div class="nbv">
                        <h1>安心陪护</h1>
                        <p>对慕云游者的购买进行跟踪服务以及质量监控，生效投诉先行赔付，出现问题及时解决</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 黑色底部 -->
    <div class="black_footer">
        <div class="w">
            <h1>慕云游商城</h1>
            <p>从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡
                让我们带你探索这个世界</p>
            <ul class="clearfix">
                <li><a href="#">关于牧云游商城</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">服务与隐私</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">旅游度假资质</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">营业执照</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">投诉建议</a></li>
            </ul>
            <span>@2020 imooc.com  京ICP备 12003892号-11 京公网安备11010802030151号 营业执照</span>
        </div>
    </div>
</body>

</html>